{% extends "../_base/layout.html" %} 
{% block css%}
<link rel="stylesheet" href="{{site.static}}/css/findPwd.css"> 
{% endblock %} 

{% block js %}
<script src="{{site.static}}/js/findPwd/findPwd.js"></script>
{% endblock %} 

{% block content %}

<div class="page-container password-page-container">
    <div class="findpwd-phone-input step-wrap">                
        <div class="back-icon-wrap">
            <a class="eui-icon eui-icon-back" href="javascript:history.go(-1);"></a>
        </div>           

        <h1 class="eui--blue-color eui--font-w-normal eui--font-48 eui--text-center page-title eui--margin-b-88">{{__("phone_input_tips")}}</h1>

        <form class="eui-login-form">
            <div class="eui-form-group eui--clearfix">
                <label for="name" class="eui-lable eui--font-26 eui--pull-left">
                    {{__("area")}}
                </label>
                <div class="eui-select-wrap eui--overflow-h eui--pull-left eui--position-rel">
                    <select name="area-select" id="" class="eui-select eui--position-rel">
                        <option value="MY">{{__("area_Malaysia")}}</option>
                        <option value="SG">{{__("area_Singapore")}}</option>
                        <option value="ID">{{__("area_Indonesia")}}</option>
                        <option value="PH">{{__("area_Philippines")}}</option>
                        <option value="AU">{{__("area_Australia")}}</option>
                        <option value="US">{{__("area_United_States")}}</option>
                        <option value="TH">{{__("area_Thailand")}}</option>
                        <option value="VN">{{__("area_Vietnam")}}</option>
                        <option value="UK">{{__("area_United_Kingdom")}}</option>
                        <option value="CA">{{__("area_Canada")}}</option>                    
                        <option value="NZ">{{__("area_new_Zealand")}}</option>
                        <option value="DE">{{__("area_Germany")}}</option>
                        <option value="RU">{{__("area_Russia")}}</option>
                        <option value="IT">{{__("area_Italy")}}</option>
                        <option value="FR">{{__("area_France")}}</option>
                        <option value="SA">{{__("area_Saudi_Arabia")}}</option>
                        <option value="UA">{{__("area_Ukraine")}}</option>
                        <option value="TW">{{__("area_Taiwan")}}</option>
                        <option value="HK">{{__("area_HongKong")}}</option>
                        <option value="MO">{{__("area_Macao")}}</option>
                        <option value="OT">{{__("area_other")}}</option>
                    </select>
                    <span class="eui-icon eui-icon-arrow_down_dark_grey eui--position-abs"></span>
                </div>                
            </div>
            <div class="eui-form-group">
                <label for="name" class="eui-lable eui--font-26">
                    {{__("phone")}}
                </label>
                <input id="name" class="eui-input eui--font-26" type="text" placeholder='{{__("phone_input_tips")}}'>
            </div>
            <a class="btn-step eui-btn eui--width-100 eui-btn-lg eui-btn-primary" href="javascript:;">{{__("btn_next")}}</a>
        </form>
    </div>

    {% block phoneCode %} 
    {% include "../common/findPwd/phoneCode.html" %} 
    {% endblock %}
    
    {% block setPwd %} 
    {% include "../common/findPwd/setPwd.html" %} 
    {% endblock %}

    <div class="page-footer eui--font-26 eui--text-center">
        <a href="/login/question" class="eui--display-b eui--556c96-color">{{__("login_help")}}</a>
    </div>
    
</div>

{% endblock %}